import { createSSRApp } from 'vue'
import App from './App.vue'
import { createPinia } from 'pinia'
import piniaPersistedState from 'pinia-plugin-persistedstate'
import 'uno.css'
import { createI18n } from 'vue-i18n'
import messages from './locale'

// 创建 i18n 实例
const i18n = createI18n({
  locale: 'zh', // 默认语言
  fallbackLocale: 'en', // 备用语言
  messages,
  legacy: false, // 使用 Composition API 模式
  globalInjection: true, // 全局注入 $t 方法
})

// 创建 Pinia 实例
const pinia = createPinia()

// 使用持久化插件
pinia.use(piniaPersistedState)

export function createApp() {
  const app = createSSRApp(App)
  // 使用 Pinia 实例
  app.use(pinia)
  app.use(i18n)
  return {
    app,
    pinia,
  }
}
